
// 主色
$color-primary: #39a275; // #39a275
// 主色 - 更浅
$color-primary-light: #e0faff;
// 危险色
$color-danger: #f6222d;
// 警告色
$color-warning: #ffb426;
$color-warning-light: rgba(255, 180, 38, 0.1);
// 成功色
$color-success: #78cb1d;

////////////////
// 文字
///////////////

// 主文字
$color-text-main: #636a74;
// 加深文字
$color-text-dark: #1d222a;
// 浅色文字
$color-text-light: #9397a2;
// 主题色
$color-text-primary: $color-primary;
// 危险色
$color-text-danger: $color-danger;
// 警告色
$color-text-warning: $color-warning;
// 成功色
$color-text-success: $color-success;
// placeholder
$color-text-placeholder: #c3c8cc;



/////////////////
// 背景色
/////////////////

// 主色
$color-bg-primary: $color-primary;
// 主色 - 更浅
$color-bg-primary-light: $color-primary-light;
// 次级
$color-bg-secondary: #9397a2;
// 浅灰
$color-bg-grey-light: #f5f6f7;
// 中灰
$color-bg-grey-medium: #c3c8cc;
// 深灰
$color-bg-grey-dark: #9397a2;
// 危险
$color-bg-danger: $color-danger;
// 警告色
$color-bg-warning: $color-warning;
$color-bg-warning-light: $color-warning-light;
// hover
$color-bg-hover: $color-primary-light;

//////////////////
// 边框
/////////////////

// 主边框
$color-border: #e8e8e8;
// 浅边框
$color-border-light: #f5f6f7;
// 深边框
$color-border-dark: #9397a2;
// 危险色
$color-border-danger: $color-danger;
//
$border-width-base: 1px;
$border-style-solid: solid;
$border: $border-width-base $border-style-solid $color-border;

